<template>
    <div>
        <!-- slot插槽内部添加内容,相当于给插槽添加默认内容,当父组件使用该插槽时,会将新内容重新覆盖,若不覆盖,会渲染出默认内容 -->
        <slot :mylist="datalist" :key="2" aaa="name" name="one">
            <ul>
                <li v-for="item in datalist">{{ item }}</li>
            </ul>
        </slot>
        <!--  -->
        <slot :mylist="datalist" :key="2" aaa="name">
            <ul>
                <li v-for="item in datalist">{{ item }}</li>
            </ul>
        </slot>
        <slot></slot>
    </div>
</template>
<script>
export default {
    data(){
        return{
            datalist:['张三','李四']
        }
    }
}
</script>